li {list-style: none;}
a {text-decoration: none;color: #333333;}
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}

.webkit{
    display: -webkit-flex;
    display: -moz-flex;
}
.line-height(@arg){.px2rem(line-height, @arg);}
.font-size(@arg){.px2rem(font-size, @arg);}

.font(@fz,@color){
    .px2rem(font-size,@fz);
    color: @color;
}
.border-bottom(@px,@xian,@color){
    .px2rem(border-bottom-width,@px);
    border-bottom-style: @xian;
    border-bottom-color: @color;
}
.border-top(@px,@xian,@color){
    .px2rem(border-top-width,@px);
    border-top-style: @xian;
    border-top-color: @color;
}
.border(@px,@xian,@color){.px2rem(border-width,@px);border-style: @xian; border-color: @color;}

.padding-top(@top){.px2rem(padding-top, @top);}
.padding-right(@right){.px2rem(padding-right, @right);}
.padding-bottom(@bottom){.px2rem(padding-bottom, @bottom);}
.padding-left(@left){.px2rem(padding-left, @left);}

.padding(@top,@right,@bottom,@left){
   .px2rem(padding-top,@top);
   .px2rem(padding-right,@right);
   .px2rem(padding-bottom,@bottom);
   .px2rem(padding-left,@left);
}

.margin-top(@top){.px2rem(margin-top, @top);}
.margin-right(@right){.px2rem(margin-right, @right);}
.margin-bottom(@bottom){.px2rem(margin-bottom, @bottom);}
.margin-left(@left){.px2rem(margin-left, @left);}

.margin(@top,@right,@bottom,@left){
   .px2rem(margin-top,@top);
   .px2rem(margin-right,@right);
   .px2rem(margin-bottom,@bottom);
   .px2rem(margin-left,@left);
}
body,html{
    font-family: "微软雅黑";
    height:100%;
    background: #f7f7f7;
}


main{
    header{
        .px2rem(height,105);
        background: #E05C1E;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 99;
       
        
        ul{
                width:100%;
                .px2rem(height,105);
                display: flex;
                align-items: center;
                .return{
                    flex: 1;
                    display: flex;
                    align-items: center;
                    img{
                      .px2rem(height,60);
                      .px2rem(width,50);
                      .padding-left(50);
                    }
                }
                
                
               .list{
                align-items: center;
                justify-content: center;
                .font-size(36);
                color: white;
                }
                .null{
                    flex: 1;
                }
            
    }
    
}

    section{
        .padding-top(105);
        .form{
            .form-list{
                
                .input-wrap{
                    .px2rem(height,110);
                    .webkit();
                    align-items: center;
                    border-bottom: 1px solid #CCCCCC;
                    width: 100%;
                    background: white;
                    .input{
                        border: none;
                        .px2rem(height,110);
                        .font-size(30);
                         text-align: center;
                        width: 69%;
                    }
                    .name{
                        .font-size(30);
                        text-align: center;
                        width: 30%;
                        //font-weight: bold;
                        
                    }
                  #input_btn{
                      .px2rem(height,83);
                      background: #f07803;
                      border: none;
                      color: white;
                      width: 30%;
                  }
                    .select{
                          border: none;
                        text-align: center;
                        .px2rem(height,83);
                        .font-size(33);
                         text-align: center;
                        width: 23.6%;
                        background: white;
                        //color: #CFCFCF;
                        option{
                            .font-size(15);   
                        }
                    }
                    
                   
                   #text_this{
                       .px2rem(height,83);
                   }
                }
                
              
            } 
            
             #alert_phone,#alert_address,#alert_name,#alert_yzm,#alert_map{
                      .padding-left(60);
                      .padding-top(10);

                  }
                  
                  
        }
         }
        .address{
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    background: white;
    visibility: hidden;

            #l-map{
            height: 90%;
            width:100%;
             .px2rem(padding-top,130);            
            }
            #r-result{
                z-index: 99;
                background: white;
                width:100%;
                .px2rem(height,130);
                display: flex;
                justify-content: center;
                align-items: center;
                position: fixed;
                top: 0;
                left: 0;
                .to{
                    
                    height: 100%;
                    display: block;
                    flex: 1;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    img{
                      .px2rem(height,50);
                     .px2rem(width,50);  
                    }
                }
               #Map_btn{
                 flex: 2;  
                 height: 100%;
                 text-align: center;
                 display: flex;
                align-items: center;
                justify-content: center;
                 .Map_btn_c{
                      border: none;
                     height: 48%;
                     width: 55%;  
                     color: whitesmoke; 
                     background: #ADADAD;                 
                     border-radius: 8%;
                     .font-size(20);
                 }    
                }
                #suggestId{
                flex: 6;
                border: 1px solid #CCCCCC;
                .px2rem(height,60);
                border-radius: 5px;
                padding-left: 3%;
             
            }
            }
                
            
            


}
   
    
    
     footer{
        button{
            width: 80%;
            margin-left: 10%;
            background: #e25a1e;
            .px2rem(height,88);
            text-align: center;
            margin-top: 25%;
            .font-size(26);
            color: white;
            border: none;
            .px2rem(border-radius,10);
        }
    }

}

.over_hide{
            display: none;
        }